<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">

  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <title>智能检测</title>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>

  <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet">
  <link href="building.css" rel="stylesheet">

</head>

<body style="background: #f5f5f5">

  <div class="intellect">
    <div class="intellect-banner">
      <div class="flex">
        <div class="int-img">
          <img src="img/lsp.png" alt="">
        </div>
        <div class="int-Text"> <!--默认没有done 完成后再加上done-->
          <h3>智能检测中<!-- 检测完成--></h3>
          <p>请耐心等待，我们正在为您快速校验</p>
        </div>
      </div>
      <div class="int-proBar">
        <div class="intBar-child start"></div>
      </div>
    </div>
    <div class="int-wrap">
      <ul class="int-list" id="intList">
        <li class="intY-item">
          <div class="animation start"></div>
          <div class="intY-con">
            <div class="intY-status loading">

            </div>
            <div class="intY-result">
              <h3>安许证信息完善</h3>
              <p class="violet">检测中...</p>
            </div>
          </div>
        </li>
        <li class="intY-item">
          <div class="animation"></div>
          <div class="intY-con">
            <div class="intY-status success">

            </div>
            <div class="intY-result">
              <h3>安许证信息完善</h3>
              <p class="green">检测通过</p>
            </div>
          </div>
        </li>
        <li class="intY-item">
          <div class="animation"></div>
          <div class="intY-con">
            <div class="intY-status warning">

            </div>
            <div class="intY-result">
              <h3>当前没有变更/注销/吸收合并业务正在办理</h3>
              <p class="orange">未通过</p>
            </div>
          </div>
        </li>
        <li class="intY-item">
          <div class="animation"></div>
          <div class="intY-con">
            <div class="intY-status success">

            </div>
            <div class="intY-result">
              <h3>业务办理未被限制</h3>
              <p class="green">检测通过</p>
            </div>
          </div>
        </li>
      </ul>

      <div class="intA-result hidden">
        <section class="intA-item">
          <h3 class="intA-title"><i class="icA-img warning"></i> 共检查8项，以下2项检测不通过</h3>
          <ul class="int-list">
            <li class="intY-item">
              <div class="intY-con">
                <div class="intY-result">
                  <h3>安许证信息完善</h3>
                  <p class="orange">未通过，当前有变更/注销/吸收合并业务正在办理，不能同时申请办理，请等待办结再发起申请。<a class="violet" href="">跳转操作</a></p>
                </div>
                <div class="icA-img warning"></div>
              </div>
            </li>
            <li class="intY-item">
              <div class="intY-con">
                <div class="intY-result">
                  <h3>企业信息完善</h3>
                  <p class="orange">未通过，当前有资质被限制，不能办理，请联系主管部门。<a class="violet" href="">跳转操作</a></p>
                </div>
                <div class="icA-img warning"></div>
              </div>
            </li>
          </ul>
        </section>
        <section class="intA-item">
          <h3 class="intA-title"><i class="icA-img success"></i> 以下6项检测通过</h3>
          <ul class="int-list">
            <li class="intY-item">
              <div class="intY-con">
                <div class="intY-result">
                  <h3>当前没有变更/注销/吸收合并业务正在办理</h3>
                </div>
                <div class="icA-img success"></div>
              </div>
            </li>
            <li class="intY-item">
              <div class="intY-con">
                <div class="intY-result">
                  <h3>业务办理未被限制</h3>
                </div>
                <div class="icA-img success"></div>
              </div>
            </li>
          </ul>
        </section>
      </div>



    </div>

    <div class="referTo arc border relative">
      <button class="basicsBtn grayLine" id="repulse" href="javascript:;">取消</button>
      <button type="button" class="basicsBtn blue" href="javascript:;">确定</button>
    </div>

  </div>

  <script>
    setTimeout(a=>{ //动画模拟
      $('.int-Text').addClass('done').children('h3').text('检测完成');
      $('#intList').addClass('hidden');
      $('.intA-result').removeClass('hidden');
    },3000)
  </script>
</body>
</html>
